.main-col {
	color:#00adb5;  /*主色调*/
}
.page, .page-group {
	background: #efefef;
}
/*标题栏 Begin*/
.bar {
	overflow: hidden;
}
.bar .icon {
    padding: .6rem .1rem;
}
.bar .icon img {
	width: 1rem;
}
.bar .searchbar {
    padding: 0.3rem 2.6rem;
    background: white;
}
.searchbar .search-input input {
    height: 1.6rem;
    border-radius: 1rem;
    background-color: #efefef;  /*搜索框背景色*/
}
.bar .title .icon {
    top: 52%;
    left: 0.6rem;
	color: #cccccc;    /*搜索图标*/
	font-size: 0.7rem;
}
.searchbar .searchbar-cancel {
	font-size: 0.7rem;
	color:#aaaaaa;
}
/*标题栏 End*/
/*标签页tabs Begin*/
.content {
	display: flex;
	overflow: hidden; /*只显示一页的内容*/
	margin-bottom: 2.4rem;
}
.tabs {
	flex: 1;   /*内容占栏目外的剩余部分*/
	padding: 0 0.5rem;
	overflow: hidden;
	height: 100%;    
	width:100%; 
	overflow: scroll;
	-webkit-overflow-scrolling: touch;  
}
/*右侧标签栏设置为可滚动方式*/
#tab1 {
	height: 100%;    
	width:100%; 
	overflow: scroll;
	-webkit-overflow-scrolling: touch;  
}
/*左侧栏目 Begin*/
/*左侧栏目设置为可滚动方式*/
.buttons-tab {
	height: 100%;
	width: 4.8rem;
	flex-direction: column;  /*纵向*/
	overflow: auto;          /*子容器滚动*/
	-webkit-overflow-scrolling: touch;  
}
.buttons-tab .button {
	font-size: 0.7rem;
	height: 2.4rem;
    line-height: 2.4rem;
	padding: 0rem;
	border-bottom: none; 
}
.buttons-tab .button.active {
    color: #00adb5;
    border: none;
    background: #efefef;
}
/*去掉栏目容器的边框样式*/
.buttons-tab:after {
    content: none;   /*将内容设置为none,name这个伪元素就会消失*/
    /*  background-color: #fff; 或者修改为和背景颜色一样即可*/
}
/*子栏目的1像素边框*/
.buttons-tab .button:after {
	content: '';
    width: 200%;
    height: 200%;
    position: absolute;
    top: 0;
    left: 0;
    border-top: 1px solid #e7e7e7;
    border-radius: 4px;
    -webkit-transform: scale(0.5,0.5);
    transform: scale(0.5,0.5);
    -webkit-transform-origin: top left;
}
.buttons-tab .button:first-of-type:after {
	content: none;  /*第一个栏目的边框删除*/
}
/*左侧栏目 End*/
/*标签页tabs End*/
